<div class="box_newpro">
    <div class="icon_click float_left"><a href="javascript:void(0);" class="next"><img src="catalog/view/theme/<?php echo $template; ?>/images/icon_porv.png" alt="" /></a></div>
    
    <div class="w645 float_left m5l m5r" id="mycarousel">
        <?php if ($products) { ?> 
            <ul class="list_img1">
                <?php foreach ($products as $product) { ?>
                    <li> 
                        <a href="<?php echo str_replace('&', '&amp;', $product['href']); ?>" title="<?php echo $product['name']; ?>">
                            <img src="<?php echo $product['image']; ?>" alt="<?php echo $product['name']; ?>" />
                        </a>
                        <div class="text_pro w121">
                            <?php echo $product['shortname']; ?><br />
                            <span class="style1">ID: <?php echo $product['sku']; ?></span><br />
                            <span class="style2"><?php echo $product['price']; ?></span><br />
                            <p><a class="bg_buynow" href="<?php echo $product['add']; ?>">Bestil nu</a></p>
                        </div> 
                    </li>                  
                <?php } ?>
            </ul>
        <?php } ?> 
    </div>
    
    <div class="icon_click float_left"><a href="javascript:void(0);" class="prev"><img src="catalog/view/theme/<?php echo $template; ?>/images/icon_next.png" alt="" /></a></div>
    <div class="cl"></div> 
</div>

<script type="text/javascript">
	// Carousel 
	jQuery(document).ready(function(){
	    if(jQuery("#mycarousel").length > 0){
	        jQuery("#mycarousel").jCarouselLite({
	            btnNext: ".next",
	            btnPrev: ".prev",
	            visible : 4,
	            scroll: 1,
	            speed : 400
	        });    
	    }
	}); 
</script> 